<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>Title</title>
</head>
<body>
<p>优雅降级：先以高版本的浏览器为测试模板，运行我们的代码，如果低版本的浏览器有不兼容的问题，那么在针对低版本的浏览器做具体的处理，比如：ie6  ie7  ie8
	
	解决低版本的浏览器兼容：css  hack

</p>
<p>渐进增强：跟上面正好相反，先以低版本的浏览器为运行模板，如果高版本的浏览器有不兼容的情况，那么针对高版本的浏览器我们在做具体的处理。比如说前期写代码设置透明度定义的是filter，后期高版本浏览器不兼容，那么我们为了处理高版本浏览器增加透明度的属性设置opacity</p>
</body>
<script>
	var oP=document.getElementsByTagName("p")[0];
    oP.onclick=function () {
		oP.style.background="red";
    }
</script>
</html>